<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/xiangqing.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_3007245_ypxjlundu5h.css">

</head>

<body>
    <!-- header -->
    <div class="header">
        <div class="container">
            <div class="left">
                <a href="">帮助中心</a>
                <a href="">收藏</a>
                <a href="">360官网</a>
                <a href="">360智慧生活</a>
            </div>
            <div class="rightt off active">
                <a href="../views/denglu.html">登录</a>
                <a href="../views/zhuce.html">注册</a>
                <p class="iconfont icon-shangchengdingdan"></p>
            </div>
            <div class="on">
                <span>xxxxxx</span>
                <a class="iconfont icon-shangchengdingdan" href="../views/gouwuche.html"></a>
            </div>
        </div>
    </div>

    <!-- look -->
    <div class="look">
        <div class="top">
            <p class="iconfont icon-duihuakuang4"></p>
            <p class="iconfont icon-weixin1"></p>
            <p class="iconfont icon-zixun"></p>
        </div>
        <div class="bott">
            <p class="iconfont icon-yingyong1"></p>
            <p class="iconfont icon-huidaodingbu last"></p>
        </div>
    </div>

    <!-- news -->
    <div class="news">
        <div class="container">
            <div class="top">
                <div class="left">
                    <img src="https://p1.qhimg.com/t0102789b8d00c3dfce.png" alt="">
                    <p>新品推荐</p>
                    <p>热卖榜单</p>
                </div>
                <div class="right">
                    <div class="top">
                        <input type="text">
                        <button class="iconfont icon-fangdajing"></button>
                    </div>
                    <ol class="bot">
                        <li>记录仪</li>
                        <li>摄像机</li>
                        <li>路由器</li>
                        <li>耳机</li>
                        <li>扫地机</li>
                        <li>智能手表</li>
                    </ol>
                </div>
            </div>
            <div class="bot">
                <div class="all iconfont icon-yingyong"> 全部</div>
                <ul class="showw">
                    <li>家庭安防</li>
                    <li>安全路由</li>
                    <li>智能手表</li>
                    <li>汽车用品</li>
                    <li>扫地机器人</li>
                    <li>影音生活</li>
                    <li>生态产品</li>
                </ul>
            </div>
        </div>
    </div>

    <!-- nav -->
    <div class="box container">
        <div class="left" id="left">
            <div class="show">
                <img src="https://p1.ssl.qhimg.com/t0108bd1272b5288f53.webp" alt="">
               
                <div class="mask"></div>
            </div>

            
            <div class="list">
                <img class="active" src="https://p1.ssl.qhimg.com/dr/90_0_85/t0108bd1272b5288f53.webp"
                    data-show="https://p1.ssl.qhimg.com/t0108bd1272b5288f53.webp"
                    data-enlarge="https://p1.ssl.qhimg.com/t0108bd1272b5288f53.webp" alt="">
                <img src="https://p3.ssl.qhimg.com/t016ca60cbe8892440a.png"
                    data-show="https://p3.ssl.qhimg.com/t016ca60cbe8892440a.webp"
                    data-enlarge="https://p3.ssl.qhimg.com/t016ca60cbe8892440a.webp" alt="">
            </div>

            
            <div class="enlarge">
                <img src="https://p1.ssl.qhimg.com/t0108bd1272b5288f53.webp" alt="">
            </div>

        </div>
        <div class="right">
            
        </div>
    </div>

    <!-- footer -->
    <div class="footer-o">
        <div class="container">
            <div class="left">
                <h1>关于商城</h1>
                <p>360商城是奇虎360公司的官方电商平台，主要经营360安全智能设备，以及相关领域消费品。提供最新的360智能设备，最贴心的售后服务，360社区一手评测资讯，享受360安全、安心、放心的购物体验。
                </p>
                <span></span>
                <div class="bot">
                    <p>关于我们</p>
                    <p class="iconfont icon-weixin"></p>
                    <p class="iconfont icon-weibo"></p>
                </div>
            </div>
            <div class="center">
                <div class="le">
                    <h1>售后服务</h1>
                    <ol>
                        <li>7日无理由退货</li>
                        <li>质量问题15日内换货</li>
                        <li>保修条款</li>
                        <li>服务流程</li>
                        <li>许可协议</li>
                        <li>隐私政策</li>
                    </ol>
                </div>
                <div class="righ">
                    <h1>帮助中心</h1>
                    <ol>
                        <li>用户注册</li>
                        <li>会员说明</li>
                        <li>登录与密码找回</li>
                        <li>购买指南</li>
                        <li>支付方式</li>
                        <li>配送与说明</li>
                    </ol>
                </div>
            </div>
            <div class="right">
                <h2>联系我们</h2>
                <h1>400-6822-360</h1>
                <p>周一至周日 9:00-18:00(仅收市话费)</p>
            </div>
        </div>

    </div>
    <div class="bottom">
        <div class="container">
            <div class="top">
                <div class="one">
                    <p class="iconfont icon-7tianbaotui"></p>
                    <p>7天无理由退货</p>
                </div>
                <div class="two">
                    <p class="iconfont icon-15tianbaotui01"></p>
                    <p>15天免费换货</p>
                </div>
                <div class="three">
                    <p class="iconfont icon-hezi201"></p>
                    <p>满99元包邮</p>
                </div>
            </div>
            <div class="bot">
                <p>20019-2021 mall.360.cn版权所有</p>
                <p>京ICP备08010314号-6 营业执照</p>
                <span>公司名称：北京视觉世界科技有限公司 | 社会统一信用代码：91110105336460203N | 食品经营许可证</span><br>
                <span>公司地址：北京市朝阳区酒仙桥路6号院2号楼1至17层102号内5层501 | 联系方式：400-6822-360</span>
            </div>
        </div>
    </div>

    <!-- JS -->
    
    <script src="../../node_modules/jquery/dist/jquery.min.js"></script>
    
    <script src="../js/xiangqing.js"></script>
    <script src="../js/utils.js"></script>
<!--     
    <script>
        const en = new Enlarge('#left')
    </script> -->

</body>

</html>